<template>
  <view class="conversation">
    <view class="conversation-wrap">
      <view class="conversation-avatar">
        <u-avatar
          :text="personInfo.simplified"
          fontSize="40rpx"
          size="100rpx"
          bg-color="#77b1cc"
        ></u-avatar>
      </view>
      <view class="conversation-nameNick">{{ personInfo.nameNick }}</view>
    </view>
    <view class="conversation-content">
      <p>
        {{ taskContent[0].content }}
      </p>
    </view>
    <view class="next-step-wrap">
      <image
        @tap="nextHandler"
        :src="require('@/assets/common/next.png')"
        mode=""
      />
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      //人物id
      personInfo: {},
      //对话内容
      taskContent: [
        {
          id: 1,
          content:
            "任同知，想必你也知脱今日这大年夜不安生，陛下亲临不知为何，但你也要担起守护之责。然而最最终于的是青天门已然渗透其中，若是城防图被寻到，那西安府不日便会如大同一般沦陷，若是西安沦陷，便意味着整个北方便没了啊。所以今夜你一定要找青天贼人，想必那些贼人窝藏的地方不会很繁华，定是乎民之地。或许这几人之中也有朝廷的人，你可与他结盟一起去捉拿贼人。并且为了让北方安定，你也不可如往日般随意逮捕人，唯一抓捕途径便只有找到青天门的令牌，他们令牌上有宇，只要建捕三人，那他们估计也翻不起什么浪了。记住，同知大人，一人技穷，两人技长，一定要找到你的盟友，抓拿叛贼。建捕一人，他们依然可以行动，直至逮捕四人才算胜利。",
        },
        {
          id: 2,
          content:
            "燕三恩，你的任务已然下达，刺条皇帝，如此大明混乱便可乎定北方，那流士镇的同王山百姓回归之日地就不近了，你可以百分百的去信任‘拂阳’你们的目的和任务是一样的，关于任务的细节，你可以去找排阳，她那有青天门的信件。据我所知，这此间或许还有青天门的门人只是最近门中不太平，或许出现了叛徒，信任与否全菲你自己判断了。记住了，如今朝廷正在缉拿青天门人，你的令牌可一定要藏好，特别是上面的宇，若是被人找到了，或许神仙也难救。",
        },
        {
          id: 3,
          content:
            "伍云涛，今日之目的想必你也非常清楚，找到城防图乃是平定北方的关键，这次的任务重中之重，或许你们之中还有青天门的人，只足这青天门近来出现了叛徒，所以能不能相信他人只有你自己判断。而前段时间在追风楼酒罐中给你情报的人想必不会叛变，你可以找到他，与他一同去寻找城防图。记住了，官府今日就是为了抓拿青天门的人，你那块写有宇的令牌极共重要，若足被官府之人找到并知晓了上面是何宇。那便足种仙地难救啊。最后一点要记住了，伍云涛。可能来一天你会做到一个扶择，当大难与你之时，那身边的兄弟，该当如何？是眼睁睁看他死？还是与他同生共死",
        },
        {
          id: 4,
          content:
            "洛十安，当年你弟弟洛湛的遗愿，如今你可是要继续做啊？若是继续做下去那就要帮青天门找到四份城防图，还记得你送去追风楼酒罐内的线索吗？ 既然你络了线索，那定然有人收线索，或许那收线索的人就是他们其中，只是如何找到他达成同盟便要靠你的聪明才智了。还有妖书，你是否想他落入朝廷之手？如若不愿意，那也要寻到妖书，还记得京都杀害你弟弟的鬼罗利吗？或许他就在其中，也就是说有小半张妖书就在他手中，如何得到，你且自行安排。最后，若是当你面临抉择之时，姑娘，请尊行本心，想想你的父亲，他为了儿女付出了多少，这天下像你父亲之人亦会有多少？",
        },
        {
          id: 5,
          content:
            "望大人，你的任务便是要帮大后找到妖书，如此她便可以大赦天下，那流士镇百姓就可真正的回到明疆。如此，一人技穷，你可以找找朝廷的人来帮助你，而且李太后也说过，皇帝此番作为你不需要保护，但是青天门的贼人，你也是要一起找出来。或许这两样任务完成，李大后会更加畅快的解决流士镇的问题。你的技能非常有用，不管是偷妖书，或是偷令牌都是一样大杀器。能否成功，就得看你自己的造化了。",
        },
        {
          id: 6,
          content:
            "张出生这是青天门给你的信（DM给她密信29-1），你可以看看(等看完）你的任务已然下达，刺杀皇帝，如此大明混乱便可平定北方，那流士镇的百姓回归之日也就不远了，你可以百分百的去信任‘夕刀’你们的目的和任务是一样的，关于任务的细节，你可以去找夕刀，将信件悄悄给他看，让他明白细节。据我所知，这此间或许还有青天门的门人，只是最近门中不太平，或许出现了叛徒，信任与否全靠你自己判断了。记住了，如今朝廷正在缉拿青天门人，你的令牌可一定要藏好，特别是上面的宇，若是被人找到了，或许神仙也难救。",
        },
      ],
    };
  },
  onLoad(options) {
    if (options) {
      this.personInfo = options;
      this.personInfo.simplified = options.nameNick.substr(0, 1);
    }
  },
  mounted() {
    this.init();
  },
  methods: {
    init() {
      this.taskContent = this.taskContent.filter((item) => {
        return item.id == this.personInfo.id;
      });
    },
    nextHandler() {
      this.$Router.push({
        name: "address",
      });
    },
  },
};
</script>
<style>
page {
  background-color: #2f3542;
}
</style>
<style lang="scss" scoped>
.conversation {
  margin: 40rpx;
  .conversation-wrap {
    align-items: center;
    display: flex;
    .conversation-avatar {
      margin-right: 20rpx;
      /deep/ .u-avatar {
        .u-text {
          justify-content: center;
        }
      }
    }
    .conversation-nameNick {
      color: #ffffff;
      font-size: 40rpx;
    }
  }
  .conversation-content {
    margin-top: 30rpx;
    padding: 40rpx;
    border-radius: 10rpx;
    background: #f1f2f6;
    min-height: 1000rpx;
    p {
      font-size: 32rpx;
      line-height: 60rpx;
    }
  }
  .next-step-wrap {
    display: flex;
    justify-content: flex-end;
    padding: 50rpx 0;
    image {
      width: 90rpx;
      height: 90rpx;
    }
  }
}
</style>
